{% extends "tutorial/base.html" %}

{% block nav %}
    	
{% endblock  %}

{% block sidebar %}
   <ul class="vertical-nav">
    	<li><a id="admin" href="#">Admin</a></li>
    	<li><a id="static" href="/tutorial/">Static Files</a></li>
    	<li><a id="settings" href="/tutorial/">Settings</a></li>
    	<li><a id="models" href="/tutorial/">Models</a></li>
    	<li><a id="views" href="/tutorial/">Views</a></li>
    	<li><a id="templates" href="/tutorial/">Templates</a></li>
    	<li><a id="forms" href="/tutorial/">Forms</a></li>
    	<li><a id="testing" href="/tutorial/">Testing</a></li>
    	<li><a id="logging" href="/tutorial/">Logging</a></li>
    	<li><a href="/tutorial/">...</a></li>
    </ul>
{% endblock sidebar %}

{% block content %}
   <div id="tutorial-content">

   </div>
{% endblock content %}

{% block body_script %}
   	<script type="text/javascript">

   		$(document).ready(function() {
   				$("a#admin").click(function(event) {
   					// alert("ajax load test");
   					$("div#tutorial-content").load("/tutorial/django/admin/", function(rsp, stas, xhr){
   						alert(rsp);
   					});

   					event.preventDefault();
   				});
   			});

   	</script>
{% endblock body_script %}
